<!doctype html>
<html><head>
<meta charset="utf-8">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="format-detection" content="telephone=no">    <!--禁用手机号码链接(for iPhone)-->
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0" />    <!--自适应设备宽度-->
<meta name="viewport" content="width=320.1,initial-scale=1,maximum-scale=1,user-scalable=0" /> 
<meta name="apple-mobile-web-app-status-bar-style" content="black">    <!--控制全屏时顶部状态栏的外，默认白色-->
<meta name="apple-mobile-web-app-capable" content="yes" />    <!--是否允许全屏显，只有在桌面启动时可用-->
<title>TEST</title>

<link href="style/reset.css" rel="stylesheet" type="text/css" />
<link href="style/nadoo.css" rel="stylesheet" type="text/css" />
<link href="style/base.css" rel="stylesheet" type="text/css" />

<!--页面css引用区-->
<link href="style/pages.css" rel="stylesheet" type="text/css" />

<!--页面css引用区结束-->
</head>

<body class="noCss3">

    <!--首页的硬广-->
	<view id="firstBanner">
		<div class="inner">
			<div class="light"></div>
			<a href="javascript:void(0)" class="close"></a>
		</div>
	</view>

	<!--主菜单-->
	<view id="beforeGame">
		<header id="title"><h6></h6></header>
		<a href="javascript:void(0)" id="rulesBtn"></a>
		<view id="menu" class="view">
			<div class="inner animate">
				<a href="javascript:void(0)" class="input brand" item="1"></a>
				<a href="javascript:void(0)" class="input event" item="2"></a>
				<a href="javascript:void(0)" class="input enter" item="3"></a>
			</div>
		</view>
		<view id="login" class="view">
			<div class="inner">
				<input type="text" class="name" autocorrect="off" autocapitalize="off" placeholder="请输入您的昵称" />
				<input type="tel" class="tel" autocorrect="off" autocapitalize="off" placeholder="请输入您的手机号码" />
				<input type="text" class="city" autocorrect="off" autocapitalize="off" placeholder="请输入您的所在城市" />
				<div class="code">
					<input type="tel" autocorrect="off" autocapitalize="off" />
					<a href="javascript:void(0)" class="input"></a>
					<div class="timeout"></div>
				</div>
				<a href="javascript:void(0)" class="input btn" item="4"></a>
			</div>
		</view>
		<view id="choose" class="view">
			<div class="inner">
				<div class="scrolls">
					<a href="javascript:void(0)" class="left"></a>
					<a href="javascript:void(0)" class="right"></a>
				</div>
				<div class="car" id="carScroll">
					<div class="c">
						<span class="c1"></span>
						<span class="c2"></span>
						<span class="c3"></span>
						<span class="c4"></span>
						<span class="c5"></span>
						<span class="c6"></span>
					</div>
				</div>
				<ul class="color">
					<li class="c1 c" url="car2"></li>
					<li class="c2" url="car1"></li>
					<li class="c3" url="car6"></li>
					<li class="c4" url="car5"></li>
					<li class="c5" url="car4"></li>
					<li class="c6" url="car3"></li>
				</ul>
				<a href="javascript:void(0)" class="input start"></a>
			</div>
			<div class="mask"></div>
		</view>
		<view id="rules" class="view">
			<div class="inner">
				<h4 class="title"></h4>
				<p>游戏以赛车运行距离为成绩考量。汽车在车道上运行时不会减损汽车油卡数，跑出赛道会持续大量减损健康值，赛车健康值减到0时，游戏结束，显示最终成绩。赛道上会随机分布障碍物及秀尔七件套。赛车在行驶过程中遇到障碍物发生碰撞会立刻减损一定量健康值并发生方向偏移，遇到秀尔七件套会呈现无敌状态，并一定时间内不消耗健康值。游戏每5分钟增加一次游戏机会，上限为5次，邀请好友立即获得更多游戏机会！</p>
				<div class="btns">
					<a href="javascript:void(0)" class="input back"></a>
					<a href="javascript:void(0)" class="input start"></a>
				</div>
			</div>
		</view>
		<view id="brand" class="view">
			<div class="inner">
				<div class="con">
					<div class="bnr">
						<a href="javascript:void(0)" class="scroll l"></a>
						<a href="javascript:void(0)" class="scroll r"></a>
						<ul class="show1">
							<li class="b1"></li>
							<li class="b2"></li>
						</ul>
					</div>
					<div class="cars c1">
						<div class="car car1"><span></span><strong></strong></div>
						<div class="car car2"><span></span><strong></strong></div>
						<div class="car car3"><span></span><strong></strong></div>
					</div>
				</div>
				<div class="btns">
					<a href="javascript:void(0)" class="input back"></a>
				</div>
			</div>
		</view>
	</view>

	<!--促销活动-->
	<view id="event"></view>

	<!--游戏进行中-->
	<view id="gameing">
		<div class="none"></div>
		<header class="title"><h6></h6></header>

		<div class="view start"><a href="javascript:void(0)" class="btn"></a></div>

		<div class="view score">
			<div class="inner">
				<h2 class="title">您本次挑战得分：</h2>
				<div class="scrolls">
					<div class="sl">
						<h4><span>名次</span><span>玩家</span><span>得分</span></h4>
						<div class="ss s1" id="scoreList1Scroll">
							<ul></ul>
						</div>
					</div>
					<div class="sl">
						<h4><span>名次</span><span>玩家</span><span>得分</span></h4>
						<div class="ss s2" id="scoreList2Scroll">
							<ul></ul>
						</div>
					</div>
				</div>
				<div class="btns">
					<a href="javascript:void(0)" class="input next"></a>
					<a href="javascript:void(0)" class="input share" item="5"></a>
					<a href="javascript:void(0)" class="input yaoqing" item="6"></a>
				</div>
			</div>
		</div>

		<div class="view chooseCard">
			<div class="inner">
				<h2 class="title">奖品为50块手机充值卡</h2>
				<div class="cards" item="7">
					<div class="c">
						<span></span><span></span><span></span><span></span><span></span>
					</div>
					<div class="light"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>
					<div class="light"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div>
				</div>
				<div class="btns">
					<a href="javascript:void(0)" class="input back"></a>
					<a href="javascript:void(0)" class="input choose" item="7"></a>
				</div>
			</div>
		</div>

		<div class="view noChouZhong">
			<div class="inner">
				<h2 class="title">再次游戏，争取更多抽奖机会哦！</h2>
				<div class="btns">
					<a href="javascript:void(0)" class="input enter"></a>
				</div>
			</div>
		</div>

		<div class="view chouZhong">
			<div class="inner">
				<h2 class="title">工作人员将会在一周内<br />将50元冲入您的号码！</h2>
				<div class="card"></div>
				<div class="btns">
					<a href="javascript:void(0)" class="input enter"></a>
					<a href="javascript:void(0)" class="input shareTX" item="8"></a>
					<a href="javascript:void(0)" class="input shareSN" item="9"></a>
				</div>
			</div>
		</div>

		<div class="blurs"></div>
		<div class="counts"></div>
		<canvas id="cloudCanvas" width="681" height="384"></canvas>
		<canvas id="gameCanvas" width="681" height="384"></canvas>
	</view>

	
	<view id="shareNumber">
		<header class="title"></header>

		<div class="view rules1">
			<div class="inner">
				<h2 class="title"></h2>
				<p>邀请好友参与游戏，即可立即获得3次游戏机会。若您的分数达到5000分以上，可立即参与抽奖，有机会获得50元手机充值卡。快来分享给好友吧！</p>
				<div class="btns">
					<a href="javascript:void(0)" class="input back"></a>
					<a href="javascript:void(0)" class="input share"></a>
				</div>
			</div>
		</div>

		<div class="view rules2">
			<div class="inner">
				<h2 class="title"></h2>
				<p>邀请好友到店试驾新秀尔，即可立即获得9次游戏机会。如果您或您的好友参加了新秀尔试驾并成功购买，将获得500元油卡奖励，立即邀请您的好友吧！</p>
				<span>本活动的最终解释权，归东风悦达.起亚所有</span>
				<div class="btns">
					<a href="javascript:void(0)" class="input back"></a>
					<a href="javascript:void(0)" class="input yaoqing"></a>
				</div>
			</div>
		</div>

		<div class="view shareP shareP1">
			<div class="inner">
				<h2 class="title"></h2>
				<div class="list" id="firendNumScroll">
					<ul></ul>
				</div>
				<div class="btns">
					<a href="javascript:void(0)" class="input back"></a>
					<a href="javascript:void(0)" class="input yaoqing"></a>
					<a href="javascript:void(0)" class="input share"></a>
				</div>
			</div>
		</div>

	</view>


	




    <script src="js/zepto.min.js"></script>
    <script src="js/nado.zep.js"></script>
    <script src="js/cordova-2.2.0.js"></script>
    <!--页面js引用区-->
    <script src="js/iscroll.min.js"></script>
    <script src="js/global.js"></script>
    <script src="js/car.js"></script>


    <!--页面js引用区结束-->
</body>
</html>
